<template>
    <div class="cartlist">
        <PublicScroll ref="scroll">
            <CartListItem v-for="(item,index) in cartList" v-bind:key="index" v-bind:item="item" v-bind:index="index"/>
        </PublicScroll>
    </div>
</template>
<script>
import PublicScroll from "@/components/common/scroll/PublicScroll";
import CartListItem from "@/views/cart/childComps/CartListItem";
export default {
    name: "CardList",
    computed:{
        cartList(){
            return this.$store.state.cartList
        }
    },
    components:{
        PublicScroll,CartListItem
    },
    activated() {
        this.$refs.scroll.scrollRefresh()
    }
}
</script>

<style scoped>
.cartlist{
    height: calc(100vh - 93px - 44px);
}
</style>
